<template>
  <div>
      
    <Header/>

    <div class="containr">
      <h3>福建体彩22选5玩法介绍</h3>
      <p>开奖时间：每天开奖</p>
      <ul>
        <li>
            <h3>玩法介绍</h3>
            <p>体彩 22选5兑奖表</p>
            <table>
                <thead>
                    <tr>
                        <th>奖级</th>
                        <th>中奖条件</th>
                        <th>奖金分配</th>
                        <th>说明</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>特等奖</td>
                        <td>●●●●●</td>
                        <td>浮动奖金的100%+前期未中出的特等奖金，按中奖注数均分</td>
                        <td>选5中5</td>
                    </tr>
                    <tr>
                        <td>一等奖</td>
                        <td>●●●●</td>
                        <td>固定奖金50元</td>
                        <!-- <td>浮动奖金的100%+前期未中出的特等奖金，按中奖注数均分</td> -->
                        <td>选5中4</td>
                    </tr>
                    <tr>
                        <td>二等奖</td>
                        <td>●●●</td>
                        <td>固定奖金6元</td>
                        <!-- <td>浮动奖金的100%+前期未中出的特等奖金，按中奖注数均分</td> -->
                        <td>选5中3</td>
                    </tr>
                </tbody>
            </table>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Header from '../../../../components/playshowHeader'
export default {
  name: "fiveline",
  data() {
    return {};
  },
  methods: {
    handback() {
      this.$router.back(-1);
    },
    handgoHome() {
      this.$router.push("/home");
    }
  },
    components:{
    Header
  }
};
</script>

<style scoped>

.header {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 0.4rem;
  background: #fff;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  color: #333;
  justify-content: center;
}
.leftImg {
  position: absolute;
  left: 0.2rem;
  width: 0.15rem;
  height: 0.15rem;
}
.RightImg {
  position: absolute;
  right: 0.2rem;
  width: 0.2rem;
   height: .2rem;
}
.containr {
  height: 100%;
  position: absolute;
  font-size: 0.14rem;
  line-height: 1.56;
  top: 0.4rem;
  width: 100%;
  background: #f5f5f5;
  padding: 0.15rem;
  box-sizing: border-box;
}
i {
  font-style: normal;
  font-size: 0.2rem;
}
h1 {
  font-size: 0.3rem;
  padding: 0.1rem 0;
}
.containr ul li {
  padding: 0.1rem 0;
  font-size: 0.14rem;
}
.containr ul li h3 {
  margin: 0.1rem 0;
}
table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  border: 1px solid rgb(0, 0, 0);
}
th {
  border: 1px solid rgb(0, 0, 0);
  background: #cccccc;
}
td {
  border: 1px solid rgb(0, 0, 0);
}
.first {
  width: 0.8rem;
}
.second {
  width: 1.2rem;
}
.threed {
  width: 0.9rem;
}
</style>